import type {App} from 'vue';
import {Button} from './Button';
import {
    Alert,
    Avatar,
    Checkbox,
    CheckboxGroup,
    Col,
    Divider,
    Empty,
    Flex,
    FormItemRest,
    Image,
    Input,
    InputGroup,
    InputNumber,
    Layout,
    Pagination,
    Popconfirm,
    Row,
    Select,
    SelectOption,
    Space,
    Step,
    Steps,
    TabPane,
    Tabs,
    TimePicker,
    Typography,
    DatePicker
} from 'ant-design-vue';

import VideoPlay from 'vue3-video-play/lib';
import 'vue3-video-play/dist/style.css';

export function registerGlobComp(app: App) {
    app
        .use(Input)
        .use(Button)
        .use(Layout)
        .use(Select)
        .use(SelectOption)
        .use(Flex)
        .use(Image)
        .use(InputGroup)
        .use(InputNumber)
        .use(TimePicker)
        .use(Row)
        .use(Col)
        .use(Avatar)
        .use(Popconfirm)
        .use(Tabs)
        .use(TabPane)
        .use(FormItemRest)
        .use(Empty)
        .use(Pagination)
        .use(Space)
        .use(Step)
        .use(Steps)
        .use(Alert)
        .use(Checkbox)
        .use(CheckboxGroup)
        .use(Divider)
        .use(Typography)
        .use(DatePicker)
        .use(VideoPlay);
}
